<!DOCTYPE html>
<html>
    <head>
        <title>我是一个demo</title>
    </head>
    <body>
        <div style="background-color: red;">
            <h1>我系一级标题</h1>
            <h2>我系二级标题</h2>
            <h6>我系六级标题</h6>
            <p>我系文本<b>我系文本</b>我系文本
                <u>我系文本</u></p>
        </div>
        <p>我系<span style="background-color: aqua;">另一个</span>文本我系<span style="background-color: violet;">另一个</span>文本<br><i>我系另一个文本</i>我系另一个文本</p>
        <img src="https://img3.doubanio.com/view/photo/s_ratio_poster/public/p480747492.webp" width="200px">
        <br><a href="https://www.baidu.com" target="_blank">百度链接</a>
        <ol>
            <li>我系第一项</li>
            <li>我系第二项</li>
            <li>我系第三项</li>
        </ol>

        <ul>
            <li>我系一项</li>
            <li>我系二项</li>
            <li>我系三项</li>
        </ul>

        <table border = "1" class="data-table">
            <thead>
                <tr>
                    <td>姓名</td>
                    <td>年龄</td>
                    <td>性别</td>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>张三</td>
                    <td>18</td>
                    <td>男</td>
                </tr>
                <tr>
                    <td>李四</td>
                    <td>19</td>
                    <td>女</td>
                </tr>
                <tr>
                    <td>王五</td>
                    <td>20</td>
                    <td>男</td>
                </tr>
            </tbody>
        </table>
    </body>
</html>